<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>吸顶菜单</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<div id="header1">
		<ul id="ul1">
			<li><img src="img/pic-1.png" alt="图片加载失败!"></li>
			<li><a href="#" class="active">在线商城</a></li>
			<li><a href="#">PHP</a></li>
			<li><a href="#">HTML</a></li>
			<li><a href="#">CSS</a></li>
			<li><a href="#">JavaScript</a></li>
			<li><a href="#">Python</a></li>
			<li><a href="#">Java</a></li>
			<li><a href="#">C++</a></li>
		</ul>
	</div>
	<div id="header2">
		<ul id="ul2">
			<li><a href="#" class="active">首页</a></li>
			<li><a href="#">手机</a></li>
			<li><a href="#">足迹系列</a></li>
			<li><a href="#">官方配件</a></li>
			<li><a href="#">国际产品</a></li>
			<li><a href="#">第三方配件</a></li>
			<li><a href="#">全部产品</a></li>
			<li><a href="#">服务</a></li>
		</ul>
	</div>
	<div id="img">
		<img src="img/pic-3.png" alt="图片加载失败!">
		<img src="img/pic-2.jpg" alt="图片加载失败!">
	</div>

	<script src="./index.js"></script>
</body>

</html>